$(function(){
	init();

//1 调出拍照面板
$(".item0").on({
	"touchstart":function(){
		$(this).css("background","#F5F5F5");
	},"touchend":function(){
		$(this).css("background","#FFFFFF");
	},"click":function(){
		$(".grey1").show();
	}
})
$(".cancel").click(function(){
	$(".grey").hide();
})
//2.调出退出账号面板
$(".exit").click(function(){
	$(".grey4").show();
})

$(".cancel4").click(function(){
		layer.msg("操作已取消");
		$(".grey").hide();
})
//确认删除
$(".comfirm4").click(function(){
	layer.msg("账号已退出");
		$(".grey").hide();		
})
//3.调出亲属关系面板
var myoption;

$(".relationship").on({
	"touchstart":function(){
		$(this).css("background","#F5F5F5");
	},"touchend":function(){
		$(this).css("background","#FFFFFF");
	},"click":function(){
		$(".grey3").show();
		$(".relation li").eq($(".myoption").val()).addClass("on").siblings().removeClass("on");
	}
})
//4.调出性别选择
$(".gender").on({
	"touchstart":function(){
		$(this).css("background","#F5F5F5");
	},"touchend":function(){
		$(this).css("background","#FFFFFF");
	},"click":function(){
		$(".grey2").show();
	}
})
$(".whiteboardTop div").on({
	"touchstart":function(){
		$(this).css("background","#F5F5F5");
	},"touchend":function(){
		$(this).css("background","#FFFFFF");
	},"click":function(){
		$(".grey").hide();
	}
})

///5选择爱好

$(".relation li").click(function(){
	var flag=$(this).hasClass("on");
	if(!flag){
		$(this).addClass("on").siblings().removeClass("on");
		myoption=$(this).index();
		console.log($(".myoption").val());
	}

})

$(".cancel3").click(function(){
	myoption=$(".myoption").val();
	$(".grey3").hide();
})
$(".confirm3").click(function(){
	$(".myoption").val(myoption-1);
	$(".grey3").hide();
})

})


function init(){
	$(".grey").hide();
	$(".grey1").hide();
}

